<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>游戏资料介绍</title>
  <link rel="stylesheet" href="./css/change.css">
  <link rel="stylesheet" href="./css/header.css">
</head>

<body>

  <header>
    <div class="all-nav">
      <div class="nav">
        <ul>
          <li><a href="index.html"><img src="images/header-logo.png" alt=""></a></li>
          <li><a href="shopping.html">购物车</a></li>
          <li><a href="estimate.html">评论区</a></li>
          <li><a href="diaoyan.html">满意度调研</a></li>
          <li><a href="temp.html">新英雄介绍</a></li>
          <li><a href="vary.html">百态王者</a></li>
          <li><a href="change.html">游戏资料介绍</a></li>
          <li><a href="protect.html">保护体系</a></li>
          <li><a href="">IP新游</a></li>
          <li>
            <a href="denglu.html"><img src="images/header-ico.png" alt="" class="photo-ico"><span>欢迎登陆</span></a>
          </li>
        </ul>
      </div>
      <div class="navb">
        <ul>
          <li>
            <ul>
              <li>版本介绍</li>
              <li>游戏介绍</li>
              <li>英雄资料</li>
              <li>爆料站</li>
              <li>世界观体验站</li>
              <li>游戏壁纸</li>
            </ul>
          </li>
          <li>
            <ul>
              <li>攻略中心</li>
              <li>开放素材库</li>
              <li>内容共创平台</li>
              <li>手语打法教学</li>
            </ul>
          </li>
          <li>
            <ul>
              <li>王者世冠KIC</li>
              <li>KPL</li>
              <li>K甲联赛</li>
              <li>挑战者杯</li>
              <li>全国大赛</li>
              <li>高校联赛</li>
              <li>王者赛宝</li>
              <li>赛事数据</li>
            </ul>
          </li>
          <li>
            <ul>
              <li>荣耀·传承</li>
              <li>王者文化站</li>
              <li>万千世界</li>
              <li>王者觉悟</li>
              <li>星光殿堂</li>
              <li>IP共创计划</li>
              <li>商户特权</li>
              <li>龙翼王者卡</li>
            </ul>
          </li>
          <li>
            <ul>
              <li>创意互动营</li>
              <li>王者营地</li>
              <li>微信圈子</li>
              <li>官方微博</li>
              <li>微信公众号</li>
              <li>手Q订阅</li>
            </ul>
          </li>
          <li>
            <ul>
              <li>腾讯游戏防沉迷</li>
              <li>成长守护平台</li>
              <li>对局环境情报站</li>
              <li>客服专区</li>
              <li>礼包兑换</li>
              <li>自助服务</li>
            </ul>
          </li>
          <li>
            <ul>
              <li>王者荣耀·世界</li>
              <li>王者荣耀 星之破晓</li>
              <li>代号:启程</li>
              <li>王者万象棋</li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
    <div class="ajax">
      <p></p>
    </div>
  </header>
  <div class="tab">
    <h1>游戏资料介绍</h1>
    <div class="tab-nav">

      <ul>
        <li><a class="active" href="#" data-id="0">英雄</a></li>
        <li><a href="#" data-id="1">局内道具</a></li>
        <li><a href="#" data-id="2">召唤师技能</a></li>
      </ul>
    </div>
    <div class="tab-content">
      <div class="item1 active"><img src="./images/英雄.png" alt="" /></div>
      <div class="item1"><img src="./images/武器.png" alt="" /></div>
      <div class="item1 ">
        <div class="contain1">
          <div class="skills">
            <!-- 技能列表 -->
            <ul>
              <li id="skill1"><img src="./images/skill1.jpg" alt="Skill 1"></li>
              <li id="skill2"><img src="./images/skill2.jpg" alt="Skill 2"></li>
              <li id="skill3"><img src="./images/skill3.jpg" alt="Skill 3"></li>
              <li id="skill4"><img src="./images/skill4.jpg" alt="Skill 4"></li>
              <li id="skill5"><img src="./images/skill5.jpg" alt="Skill 4"></li>
              <li id="skill6"><img src="./images/skill6.jpg" alt="Skill 4"></li>
              <li id="skill7"><img src="./images/skill7.jpg" alt="Skill 4"></li>
              <li id="skill8"><img src="./images/skill8.jpg" alt="Skill 4"></li>
              <li id="skill9"><img src="./images/skill9.jpg" alt="Skill 4"></li>

              <!-- 继续添加更多技能图片 -->
            </ul>
          </div>
          <div class="introduction">
            <!-- 技能介绍 -->
            <img id="introImg" src="./images/dy1.png" alt="技能介绍图片">
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="wrapper">
    <i class="avatar"></i>
    <textarea id="tx" placeholder="资料大评价" rows="2" maxlength="200"></textarea>
    <button>发布</button>
  </div>
  <div class="wrapper">
    <span class="total">0/200字</span>
  </div>
  <div class="list">
    <div class="item" style="display: none;">
      <i class="avatar"></i>
      <div class="info">
        <p class="name">任意说</p>
        <p class="text">如果不满意，请随意提要求</p>
        <p class="time">2023-11-21 20:29:21</p>
      </div>
    </div>
  </div>
  <footer>
    <img src="images/footer-img.png" alt="">
    <hr>
    <p>抵制不良游戏拒绝盗版游戏注意自我保护谨防受骗上当适度游戏益脑沉迷游戏伤身合理安排时间享受健康生活</p>
    <p>《王者荣耀》全部背景故事发生于架空世界“王者大陆”中。相关人物、地理、事件均为艺术创作，并非正史。若因观看王者故事对相关历史人物产生兴趣，建议查阅正史记载。</p>
    <hr>
    <p>此网站由</p>
    <p>郭明斌、马召蒙、许泽坚</p>
    <p>共同创作</p>
    <p>创作不易，请一键三连哦</p>
  </footer>
  <script src="./js/change.js"></script>
  <script src="./js/header.js"></script>

</body>

</html>